* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}
[v-cloak] {
  display: none;
}
body {
  max-width: 1920px;
  width: 100%;
  margin: auto;
}
ul, ol, li, dl, dt, dd {
  list-style: none;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}
button {
  appearance: none;
  cursor: pointer;
}
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right}
.fr { float: right; }
.fl { float: left; }
.clear {
  clear: both;
}
.clearfix {  
  zoom: 1;
  &:after {
    content: "";
    display: table;  
    line-height: 0;
    clear: both;
  }
}
.w1200 {
  width: 1200px;
  margin: auto;
  @extend .clearfix;
}
.row1,.row2,.row3,.row4,.row5,.row6,.row7,.row8{  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;}
.row1 {  -webkit-line-clamp: 1;}
.row2 {  -webkit-line-clamp: 2;}
.row3 {  -webkit-line-clamp: 3;}
.row4 {  -webkit-line-clamp: 4;}
.row5 {  -webkit-line-clamp: 5;}
.row6 {  -webkit-line-clamp: 6;}
.row7 {  -webkit-line-clamp: 7;}
.row8 {  -webkit-line-clamp: 8;}
.flex-bect {  display: flex;  align-items: center;  justify-content: space-between;}
.flex-lect {  display: flex;  align-items: center;  justify-content: flex-start;}
.flex-ct {  display: flex;  align-items: center;  justify-content: center;}
@import './page/index';
@import './page/common';
